// =============================================================================
//
//   Kern-CSS-File
//  ---------------
//
//      Der Aufbau der SCSS-Struktur folgt weitestgehend den Ideen von:
//      http://mvcss.github.com/MVCSS/
//
//      screen.scss
//          |
//          |--  GLOBAL
//          |       |
//          |       |--  _101_global_reset.scss
//          |       |
//          |       |--  _102_global_variables.scss         (Variablen-"Berechnungen)
//          |       |
//          |       |--  _103_global_settings.scss          (z.B. mixins, classes, variables, ...)
//          |       |
//          |        --  _104_global_base.scss              (z.B. allgemeine Element-Definitonen)
//          |
//          |--  MODULES
//          |       |
//          |       |--  z.B.: _201_modules_forms.scss
//          |       |
//          |       |--  z.B.: _202_modules_navigation.scss
//          |       |
//          |       |--  z.B.: _203_modules_grid.scss
//          |       |
//          |       |-- .....
//          |
//          |--  LAYOUT                                     (individuell Gestaltung des Layouts)
//          |       |
//          |       |--  z.B.: _301_layouts_adjust.scss
//          |       |
//          |       |--  z.B.: _302_layouts_special.scss
//          |       |
//          |       |--  z.B.: _303_layouts_media_query.scss
//
//
//
//   Ressourcen
//  ---------------
//      - HTML5-Vorlage
//          http://de.html5boilerplate.com/
//      - CSS-"Schreibregeln":
//          https://github.com/necolas/idiomatic-css
//      - Typographie-Tips
//          http://coding.smashingmagazine.com/2011/03/14/technical-web-typography-guidelines-and-techniques/
//      - MVCSS: A Sass-based MVC CSS Architecture
//          http://mvcss.github.com/MVCSS/
//
// =============================================================================



// =============================================================================
//
//      PFLICHT-VARIABLEN
//
// =============================================================================


// Hintergruende (es kann auch url(xyz) eingebaut werden)
// -----------------------------------------------------------------------------
$color-bg-base                  : #ededed;          // Standard-Hintergrund     (def hellgrau)
$color-bg-none                  : #ffffff;          // kein Hintergrund         (def weiss)
$color-bg-error                 : #ff0000;          // Fehler-Hintergrund       (def hellrot)
$color-bg-notify                : #ededed;          // Hinweis-Hintergrund      (def hellgrau)
$color-bg-confirm               : #e5ffe6;          // Bestaetigung-Hintergrund (def hellgruen)
$color-bg-brand                 : #ff9148;          // "Marken"-Hintergrund     (def blau)
$color-bg-heading               : #a9c0ce;          // Ueberschrigt-Hintergrund (def blau)

// Schriften
// -----------------------------------------------------------------------------
$font-family                    : sans-serif;
$font-family-fixed              : monospace, sans-serif;
$font-size                      : 16;              // Schriftgroesse   in px
$line-height                    : 1.5;             // Zeilenhoehe      in em
// Farben
$color-font                     : #444444;
$color-font-contrast            : #ffffff;
$color-font-error               : #ff0000;
// Links
$color-font-link                : #1161AE;
$color-font-link-hover          : lighten($color-font-link,15%);


// Rahmen
$color-border                   : #cccccc;
$color-border-error             : #ff0000;
$color-border-brand             : #157bdd;
$corner-radius                  : 2px;




// =============================================================================
//
//      eigene VARIABLEN
//
// =============================================================================

$color-gradient-base-1          : #4881b3;
$color-gradient-base-2          : #4e89bd;
$color-gradient-pale-1          : #d1d1d1;
$color-gradient-pale-2          : #e0e0e0;




// =============================================================================
//
//      eigene VARIABLEN
//
// =============================================================================


// @import GLOBALS
@import "101_global_reset.scss";
@import "102_global_variables.scss";
@import "103_global_settings.scss";
@import "104_global_base.scss";

// @import MODULES
@import "201_modules_forms";
@import "202_modules_lists";
@import "210_modules_selector";               // ewebuki-modules
@import "211_modules_gallery";
@import "220_modules_jqueryui";               // "plugin"-modules
@import "221_modules_photoswipe";

// @import LAYOUT
@import "301_layouts_adjust";
@import "302_layouts_special";
@import "303_layouts_media_query";


